<!--<body>-->
<script type="text/javascript" src="<?php echo base_url('skin/js/prepaid.js'); ?>"></script>
<div id="phoneGallery" class="top20marg">
    
    <div class="galleryRight"></div>
    	
    	<div class="wizard">
            <a class="current done" href="<?php echo site_url('gadgetdetails'); ?>">
            <span class="wiz1"></span>
                 <p>Gadget details</p>
            </a>
            <a class="current done" href="<?php  echo site_url('promo'); ?>">
             <span class="wiz2"></span>
                 <p>Choose your promo</p>
            </a>
            <a class="current" href="<?php  echo site_url('prepaid'); ?>">
             <span class="wiz3"></span>
                 <p class="abs">Enter your <br>mobile number</p>
            </a>
            <a class="" href="<?php  echo site_url('userprofile'); ?>">
             <span class="wiz42"></span>
                 <p class="absd">Complete<br>your profile</p>
            </a>
        </div>
    
    	<div class="mobileHeader">
            <h5 class="hidden textBlue">Select your device</h5>
            <h5 class="hidden textBlue">Choose your promo</h5>
            <h5 class="textBlue">Enter your mobile number</h5>
            <h5 class="hidden textBlue">Complete your profile</h5>
            <h5 class="hidden textBlue">Select your preferred Globe Store branch for handset pickup	</h5>
        </div>
    
	    
    
    <div class="clear"></div>
    
    
    <div class="width960c">
    
    	<div class="deviceInfosIns marg40 floatLeft">
			<div  class="deviceBox active">
				<p><b>Gadget:</b><p>
				<p><?php if(isset($_COOKIE['tiangge_model'])) echo $_COOKIE['tiangge_model']; ?> - <?php if(isset($_COOKIE['tiangge_price'])) echo $_COOKIE['tiangge_price']; ?></p>
			</div>
                 
			<div class="promoBox active">
				<p><b>Promo:</b><p>
				<p>
					<?php 
						$user_agent = $_SERVER['HTTP_USER_AGENT']; 
						$promo =  $_COOKIE['tiangge_promo']; 
						if (strpos( $user_agent, 'Safari') !== false) {
							if(isset($_COOKIE['tiangge_promoDesc'])) {
								$promoDesc = $_COOKIE['tiangge_promoDesc'];
								echo $promo. str_replace("john",",",$promoDesc);
							}
						} else {
							if(isset($_COOKIE['tiangge_promoDesc'])) {
								echo $promo. $_COOKIE['tiangge_promoDesc'];
							}
						}	
					?>
				</p>
			</div>
                        
			<div class="commitmentBox active">
				<p><b>Registration Period and Cash Back:</b><p>
				<p><?php if(isset($_COOKIE['tiangge_commitmentBox'])) echo $_COOKIE['tiangge_commitmentBox']; ?></p>
			</div>

			<div class="prepaidBox">
				<p><b>Mobile Number:</b><p>
				<p id="mobtel">None</p>
			</div>
                        
			<div class="profileBox">
				<p><b>Profile:</b><p>
				<p class="pnone">None</p>
				<p style="display:none" id="pname"><span id="name"></span></p>
				<p style="display:none" id="pemail">Email Address:<br><span id="email"></span></p>
				<p style="display:none" id="pdob">Date of Birth:<br><span id="dob"></span></p>
				<p style="display:none" id="padd">Home Address:<br><span id="add"></span>
			</div>
                        					
		</div>
            
            
            <div class="floatLeft boxRight marg20Left">
            	<div>
            	<div id="prepaidNumber">
              		 <p class="header30">Enter your Globe Prepaid number</p>
                    
                    <p class="text16">All text notifications about your promo and cash back via GCash will be sent to this number.</p>
                    <!--p id="noneGlobe">If you don't have a Globe Prepaid number, click  <a href="<?php echo site_url('prepaid/nonglobe'); ?>" class="linkColor">here</a>.</p-->

					<form>
						<input type="text" id="mobile_number" class="inputText width246 marg10Right" placeholder="09xxxxxxxxx" maxlength="11" /><a href="#." id="submit_mobtel" class="buttonBlue text14">Send code</a>
                        <p class="errorBox error1">The mobile number format is invalid. Please enter an 11-digit Globe Prepaid number.</p>
                        <p class="errorBox error2">You entered the same number.</p>
                        <p class="errorBox error3">Sorry, but GoGadgets promo is available to Globe prepaid customers only.</p>
                        <p class="errorBox error4">You currently have an active GoGADGETS registration. Each Globe Prepaid number is entitled to only one active GoGADGETS plan at a given time.</p>
					</form>
              	</div>
                
                
                <div id="verificationCode" class="blueShade marg40">
                	<p class="text14 marg0">We sent you a text message with the verification code. Please enter the code below.</p>
                    
                    
					<form class="marg20Top">
						<input type="text" id="verif_code" maxlength="6" class="inputText width246 marg10Right" style="z-index: 2;"/>
						<a id="validate_verif_code" href="#." class="buttonBlue text14">Validate</a>
                        <div class="errorBox2 marg10Top">You entered an incorrect code.</div>						
					</form>
                </div>
                
                </div>
               
            </div>
            
            <div class="clear"></div>
            
    </div>
</div>